// .button-group-wrap{
//     display: flex;
//     .btn-item {
//         font-size: 22px;
//       width: 100px;
//       height: 50px;
//       border-radius: 5px;
//       text-align: center;
//       border: 1px solid #1890ff;
//       line-height: 50px;
//       cursor: pointer;
//     }
//     .btn-item[data-active="true"]{
//       background: red;
//     }
//   }
  
.button-group-wrap{
    width: 100%;
    .button-group{
        display: flex;
        flex-flow: wrap;
        .item-wrap{
            box-sizing: border-box;
            width: 33.3333%;
        }
        .item-wrap:nth-of-type(3n){
            padding-right: 0;
        }
        .item-wrap[data-active="true"]{
          background: red;
        }
        .item{
            width: 100%;
            padding: 0.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            font-size: 28px;
            font-weight: 400;
            box-sizing: border-box;
        }



        // .default{
        //     background: #F5F5F5;
        //     color: rgba(0,0,0,0.9);
        // }
        // .active{
        //     background-color: red;
        //     color: #FFFFFF;
        // }
    }
}


